@extends('admin.layout')
@section('content')
    <div class="layui-card">
        <div class="layui-card-header">
            <form action="/admin/article/index.html" class="layui-form" method="get">
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="text" name="title" value="" autocomplete="off" placeholder="请输入标题" class="layui-input"/>
                    </div>
                    <div class="layui-input-inline">
                        <select name="cid">
                            <option value="">全部分类</option>
                            <option value="1" > 前端开发</option>
                            <option value="2" > 后端开发</option>
                            <option value="3" > 移动互联</option>
                            <option value="4" > 人工智能</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <select name="is_top">
                            <option value="">是否置顶</option>
                            <option value="1" >是</option>
                            <option value="0" >否</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <select name="is_hot">
                            <option value="">是否推荐</option>
                            <option value="1" >是</option>
                            <option value="0" >否</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <select name="status">
                            <option value="">是否发布</option>
                            <option value="1" >是</option>
                            <option value="0" >否</option>
                        </select>
                    </div>
                    <div class="layui-input-inline" style="width: 50px;">
                        <button class="layui-btn layui-btn-primary ajax-search"><i class="fa fa-search"></i></button>
                    </div>
                </div>
            </form>
        </div>
        <div class="layui-card-body">
            <div class="layui-btn-group">
                <a href="/admin/article/add.html" class="layui-btn"><i class="fa fa-plus-circle"></i> 添加数据</a>
                <a href="/admin/article/del.html" class="layui-btn layui-btn-danger ajax-batch"><i class="fa fa-trash-o"></i> 批量删除</a>
                <a href="/admin/article/edit/name/is_top/value/1.html" class="layui-btn layui-btn-primary ajax-batch"><i class="fa fa-star"></i> 设置置顶</a>
                <a href="/admin/article/edit/name/is_top/value/0.html" class="layui-btn layui-btn-primary ajax-batch"><i class="fa fa-times-circle"></i> 取消置顶</a>
                <a href="/admin/article/edit/name/is_hot/value/1.html" class="layui-btn layui-btn-primary ajax-batch"><i class="fa fa-thumbs-up"></i> 设置推荐</a>
                <a href="/admin/article/edit/name/is_hot/value/0.html" class="layui-btn layui-btn-primary ajax-batch"><i class="fa fa-times-circle"></i> 取消推荐</a>
                <a href="/admin/article/edit/name/status/value/1.html" class="layui-btn layui-btn-primary ajax-batch"><i class="fa fa-send"></i> 设置发布</a>
                <a href="/admin/article/edit/name/status/value/0.html" class="layui-btn layui-btn-primary ajax-batch"><i class="fa fa-times-circle"></i> 取消发布</a>
            </div>
            <table class="layui-table layui-form">
                <thead>
                <tr>
                    <th><input type="checkbox" lay-skin="primary" lay-filter="*"></th>
                    <th>ID</th>
                    <th>所属分类</th>
                    <th>标题</th>
                    <th>点击量</th>
                    <th>添加时间</th>
                    <th>排序</th>
                    <th>是否置顶</th>
                    <th>是否推荐</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><input type="checkbox" name="id" value="16" lay-skin="primary"></td>
                    <td>16</td>
                    <td>前端开发</td>
                    <td>接口技术的实现:规范用户类的成员与类型</td>
                    <td>0</td>
                    <td>2018-11-10 17:08:02</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/16.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/16.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/16.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/16.html" checked="checked" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/16.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/16.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="id" value="15" lay-skin="primary"></td>
                    <td>15</td>
                    <td>后端开发</td>
                    <td> PHP解决跨域问题</td>
                    <td>0</td>
                    <td>2018-11-10 17:07:43</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/15.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/15.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/15.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/15.html" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/15.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/15.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="id" value="14" lay-skin="primary"></td>
                    <td>14</td>
                    <td>后端开发</td>
                    <td>PHP 中的CURL 模拟表单的post提交</td>
                    <td>0</td>
                    <td>2018-11-10 17:07:26</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/14.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/14.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/14.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/14.html" checked="checked" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/14.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/14.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="id" value="13" lay-skin="primary"></td>
                    <td>13</td>
                    <td>前端开发</td>
                    <td>学了两天 react，乱讲一下学习思路，顺便弄了一个脚手架</td>
                    <td>0</td>
                    <td>2018-11-10 17:06:48</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/13.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/13.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/13.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/13.html" checked="checked" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/13.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/13.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="id" value="12" lay-skin="primary"></td>
                    <td>12</td>
                    <td>前端开发</td>
                    <td>javascript  数组 常用方法</td>
                    <td>0</td>
                    <td>2018-11-10 17:06:33</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/12.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/12.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/12.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/12.html" checked="checked" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/12.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/12.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="id" value="11" lay-skin="primary"></td>
                    <td>11</td>
                    <td>前端开发</td>
                    <td>visual studio2017 创建Vue项目</td>
                    <td>0</td>
                    <td>2018-11-10 17:06:18</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/11.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/11.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/11.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/11.html" checked="checked" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/11.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/11.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="id" value="10" lay-skin="primary"></td>
                    <td>10</td>
                    <td>后端开发</td>
                    <td>JSON解析</td>
                    <td>0</td>
                    <td>2018-11-10 17:05:56</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/10.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/10.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/10.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/10.html" checked="checked" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/10.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/10.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="id" value="9" lay-skin="primary"></td>
                    <td>9</td>
                    <td>前端开发</td>
                    <td>xss 跨站脚本攻击</td>
                    <td>0</td>
                    <td>2018-11-10 17:05:36</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/9.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/9.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/9.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/9.html" checked="checked" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/9.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/9.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="id" value="8" lay-skin="primary"></td>
                    <td>8</td>
                    <td>前端开发</td>
                    <td>sass使用中出现的问题</td>
                    <td>0</td>
                    <td>2018-11-10 17:05:18</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/8.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/8.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/8.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/8.html" checked="checked" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/8.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/8.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="id" value="7" lay-skin="primary"></td>
                    <td>7</td>
                    <td>前端开发</td>
                    <td>使用Arcgis进行画面(线)并计算大小(长度)</td>
                    <td>0</td>
                    <td>2018-11-10 17:05:00</td>
                    <td>
                        <input type="text" name="sort_order" value="100" autocomplete="off" class="layui-input ajax-update" data-url="/admin/article/edit/id/7.html">
                    </td>
                    <td>
                        <input type="checkbox" name="is_top" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/7.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="is_hot" lay-skin="switch" lay-filter="*" lay-text="是|否" data-url="/admin/article/edit/id/7.html" >
                    </td>
                    <td>
                        <input type="checkbox" name="status" lay-skin="switch" lay-filter="*" lay-text="启用|禁用" data-url="/admin/article/edit/id/7.html" checked="checked" >
                    </td>
                    <td>
                        <a href="/admin/article/edit/id/7.html" class="layui-btn layui-btn-xs layui-btn-normal"><i class="fa fa-edit"></i> 编辑</a>
                        <a href="/admin/article/del/id/7.html" class="layui-btn layui-btn-xs layui-btn-danger ajax-delete"><i class="fa fa-trash-o"></i> 删除</a>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="page"><ul class="pagination"><li class="disabled"><span>&laquo;</span></li> <li class="active"><span>1</span></li><li><a href="/admin/article/index?page=2">2</a></li> <li><a href="/admin/article/index?page=2">&raquo;</a></li></ul></div>
        </div>
    </div>
@endsection

@section('script')
    <script>

    </script>
@endsection